<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
   <script src="jQuery复习/jquery-3.3.1.js"></script>
 </head>
 <body>
    <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>
 </body>
 <script>
     //jQuery动态创建dom标签
	 //$("<p>12345</p>")
	 //jQuery构造函数的用法复习
	 //1.接收一个回掉函数，作为document ready事件
	 //2.可以接受一个字符串作为选择器选择页面中的元素，返回jQuery包装对象
	 //3.可以接受一个dom对象，将dom对象转换为jQuery包装对象
	 //4.可以接受一个html标签字符串，创建成jQuery包装对象

	 //on可以替代bind绑定事件的方法
     var $p = $("<p>12345</p>");
	 $("body").append($p);
	 $p.on("click",function(){
	    console.log($(this).text());
	 });
     
	 //on可以替代delegate方法
     $("ul").on("click","li",function(){
	     console.log($(this).html());
	 });
 </script>
</html>
